<!--<template>-->
<!--  <div>-->
<!--    <div class="table-page-search-wrapper">-->
<!--      <a-form layout="inline">-->
<!--        <a-row :gutter="48">-->
<!--          <a-col :md="8" :sm="24">-->
<!--            <a-form-item label="规则编号">-->
<!--              <a-input v-model="queryParam.id" placeholder=""/>-->
<!--            </a-form-item>-->
<!--          </a-col>-->
<!--          <a-col :md="8" :sm="24">-->
<!--            <a-form-item label="使用状态">-->
<!--              <a-select v-model="queryParam.status" placeholder="请选择" default-value="0">-->
<!--                <a-select-option value="0">全部</a-select-option>-->
<!--                <a-select-option value="1">关闭</a-select-option>-->
<!--                <a-select-option value="2">运行中</a-select-option>-->
<!--              </a-select>-->
<!--            </a-form-item>-->
<!--          </a-col>-->
<!--          <template v-if="advanced">-->
<!--            <a-col :md="8" :sm="24">-->
<!--              <a-form-item label="调用次数">-->
<!--                <a-input-number v-model="queryParam.callNo" style="width: 100%"/>-->
<!--              </a-form-item>-->
<!--            </a-col>-->
<!--            <a-col :md="8" :sm="24">-->
<!--              <a-form-item label="更新日期">-->
<!--                <a-date-picker v-model="queryParam.date" style="width: 100%" placeholder="请输入更新日期"/>-->
<!--              </a-form-item>-->
<!--            </a-col>-->
<!--            <a-col :md="8" :sm="24">-->
<!--              <a-form-item label="使用状态">-->
<!--                <a-select v-model="queryParam.useStatus" placeholder="请选择" default-value="0">-->
<!--                  <a-select-option value="0">全部</a-select-option>-->
<!--                  <a-select-option value="1">关闭</a-select-option>-->
<!--                  <a-select-option value="2">运行中</a-select-option>-->
<!--                </a-select>-->
<!--              </a-form-item>-->
<!--            </a-col>-->
<!--            <a-col :md="8" :sm="24">-->
<!--              <a-form-item label="使用状态">-->
<!--                <a-select placeholder="请选择" default-value="0">-->
<!--                  <a-select-option value="0">全部</a-select-option>-->
<!--                  <a-select-option value="1">关闭</a-select-option>-->
<!--                  <a-select-option value="2">运行中</a-select-option>-->
<!--                </a-select>-->
<!--              </a-form-item>-->
<!--            </a-col>-->
<!--          </template>-->
<!--          <a-col :md="!advanced && 8 || 24" :sm="24">-->
<!--            <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">-->
<!--              <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>-->
<!--              <a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>-->
<!--              <a @click="toggleAdvanced" style="margin-left: 8px">-->
<!--                {{ advanced ? '收起' : '展开' }}-->
<!--                <a-icon :type="advanced ? 'up' : 'down'"/>-->
<!--              </a>-->
<!--            </span>-->
<!--          </a-col>-->
<!--        </a-row>-->
<!--      </a-form>-->
<!--    </div>-->

<!--    <div class="table-operator">-->
<!--      <a-button type="primary" icon="plus" @click="handleEdit()">新建</a-button>-->
<!--      <a-button type="dashed" @click="tableOption">{{ optionAlertShow && '关闭' || '开启' }} alert</a-button>-->
<!--      <a-dropdown v-action:edit v-if="selectedRowKeys.length > 0">-->
<!--        <a-menu slot="overlay">-->
<!--          <a-menu-item key="1"><a-icon type="delete" />删除</a-menu-item>-->
<!--          &lt;!&ndash; lock | unlock &ndash;&gt;-->
<!--          <a-menu-item key="2"><a-icon type="lock" />锁定</a-menu-item>-->
<!--        </a-menu>-->
<!--        <a-button style="margin-left: 8px">-->
<!--          批量操作 <a-icon type="down" />-->
<!--        </a-button>-->
<!--      </a-dropdown>-->
<!--    </div>-->

<!--    <s-table-->
<!--      ref="table"-->
<!--      size="default"-->
<!--      rowKey="key"-->
<!--      :columns="columns"-->
<!--      :data="loadData"-->
<!--      :alert="options.alert"-->
<!--      :rowSelection="options.rowSelection"-->
<!--    >-->
<!--      <span slot="serial" slot-scope="text,record,index">-->
<!--        {{ index + 1 }}-->
<!--      </span>-->
<!--      <span slot="action" slot-scope="text,record,index">-->
<!--        <template>-->
<!--          <a @click="handleEdit(record)">编辑</a>-->
<!--          <a-divider type="vertical" />-->
<!--        </template>-->
<!--        <a-dropdown>-->
<!--          <a class="ant-dropdown-link">-->
<!--            更多 <a-icon type="down" />-->
<!--          </a>-->
<!--          <a-menu slot="overlay">-->
<!--            <a-menu-item>-->
<!--              <a href="javascript:;">详情</a>-->
<!--            </a-menu-item>-->
<!--            <a-menu-item v-if="$auth('table.disable')">-->
<!--              <a href="javascript:;">禁用</a>-->
<!--            </a-menu-item>-->
<!--            <a-menu-item v-if="$auth('table.delete')">-->
<!--              <a href="javascript:;">删除</a>-->
<!--            </a-menu-item>-->
<!--          </a-menu>-->
<!--        </a-dropdown>-->
<!--      </span>-->
<!--    </s-table>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import moment from 'moment'-->
<!--import { STable } from '@/components'-->
<!--import { getRoleList, getServiceList } from '@/api/manage'-->

<!--export default {-->
<!--  name: 'TableList',-->
<!--  components: {-->
<!--    STable-->
<!--  },-->
<!--  data () {-->
<!--    return {-->
<!--      mdl: {},-->
<!--      // 高级搜索 展开/关闭-->
<!--      advanced: false,-->
<!--      // 查询参数-->
<!--      queryParam: {},-->
<!--      // 表头-->
<!--      columns: [-->
<!--        {-->
<!--          title: '#',-->
<!--          scopedSlots: { customRender: 'serial' }-->
<!--        },-->
<!--        {-->
<!--          title: '规则编号',-->
<!--          dataIndex: 'no'-->
<!--        },-->
<!--        {-->
<!--          title: '描述',-->
<!--          dataIndex: 'description'-->
<!--        },-->
<!--        {-->
<!--          title: '服务调用次数',-->
<!--          dataIndex: 'callNo',-->
<!--          sorter: true,-->
<!--          needTotal: true,-->
<!--          customRender: (text) => text + ' 次'-->
<!--        },-->
<!--        {-->
<!--          title: '状态',-->
<!--          dataIndex: 'status',-->
<!--          needTotal: true-->
<!--        },-->
<!--        {-->
<!--          title: '更新时间',-->
<!--          dataIndex: 'updatedAt',-->
<!--          sorter: true-->
<!--        },-->
<!--        {-->
<!--          title: '操作',-->
<!--          dataIndex: 'action',-->
<!--          width: '150px',-->
<!--          scopedSlots: { customRender: 'action' }-->
<!--        }-->
<!--      ],-->
<!--      // 加载数据方法 必须为 Promise 对象-->
<!--      loadData: parameter => {-->
<!--        console.log('loadData.parameter', parameter)-->
<!--        return getServiceList(Object.assign(parameter, this.queryParam))-->
<!--          .then(res => {-->
<!--            return res.result-->
<!--          })-->
<!--      },-->
<!--      selectedRowKeys: [],-->
<!--      selectedRows: [],-->

<!--      // custom table alert & rowSelection-->
<!--      options: {-->
<!--        alert: { show: true, clear: () => { this.selectedRowKeys = [] } },-->
<!--        rowSelection: {-->
<!--          selectedRowKeys: this.selectedRowKeys,-->
<!--          onChange: this.onSelectChange-->
<!--        }-->
<!--      },-->
<!--      optionAlertShow: false-->
<!--    }-->
<!--  },-->
<!--  created () {-->
<!--    this.tableOption()-->
<!--    getRoleList({ t: new Date() })-->
<!--  },-->
<!--  methods: {-->
<!--    tableOption () {-->
<!--      if (!this.optionAlertShow) {-->
<!--        this.options = {-->
<!--          alert: { show: true, clear: () => { this.selectedRowKeys = [] } },-->
<!--          rowSelection: {-->
<!--            selectedRowKeys: this.selectedRowKeys,-->
<!--            onChange: this.onSelectChange-->
<!--          }-->
<!--        }-->
<!--        this.optionAlertShow = true-->
<!--      } else {-->
<!--        this.options = {-->
<!--          alert: false,-->
<!--          rowSelection: null-->
<!--        }-->
<!--        this.optionAlertShow = false-->
<!--      }-->
<!--    },-->

<!--    handleEdit (record) {-->
<!--      this.$emit('onEdit', record)-->
<!--    },-->
<!--    handleOk () {-->

<!--    },-->

<!--    onSelectChange (selectedRowKeys, selectedRows) {-->
<!--      this.selectedRowKeys = selectedRowKeys-->
<!--      this.selectedRows = selectedRows-->
<!--    },-->
<!--    toggleAdvanced () {-->
<!--      this.advanced = !this.advanced-->
<!--    },-->

<!--    resetSearchForm () {-->
<!--      this.queryParam = {-->
<!--        date: moment(new Date())-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->
